import React, { Component } from 'react'
import { UdNumberRange } from '../../../../index'

const Demo = () => {
  return <UdNumberRangeDemo />
}

class UdNumberRangeDemo extends Component<any, IUdNumberRangeState> {
  constructor(props: any) {
    super(props);
    this.state = {
      value: []
    };
  }

  render() {
    return (
      <div style={{ width: "50%" }}>
        <UdNumberRange onChange={this.onChange} value={this.state.value} />
      </div>
    )
  }

  protected onChange = (value) => {
    console.log(value)
    this.setState({
      value
    })
  }
}

interface IUdNumberRangeState {
  value: any;
};


export default Demo
